<!--手动补录-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index11</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="../../../../css/mui.picker.min.css">
		<link rel="stylesheet" href="css/goIn.css">
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			.ipt{
				width:22vw;
			}
			.select-box{
				width: 55vw;
			}
			.option-box{
				width: 55vw;
			}
			.vw-label{
				width: 24vw;
				margin-right: 5px;
			}
			.main_box{
				width: 90vw;
				margin-top: 10px;
				margin-left: 5vw;
				background: #fff;
				box-sizing: border-box;
				padding: 20px 10px;
				position: relative;
			}
			.main_icon{
				width: 16px;
				height: 16px;
				border-radius: 50%;
				position: absolute;
				top: 36px;
				left: -8px;
				background: #efeff4;
			}
			.main_icon1{
				width: 16px;
				height: 16px;
				border-radius: 50%;
				position: absolute;
				top: 36px;
				right: -8px;
				background: #efeff4;
			}
			.color-blue{
				color: #275EB1;
			}
			.itme-content{
				width: 55vw;
			}
			.upload-box{
				margin-left: auto;
				float: right;
				padding-right: 2vw;
			}
			.upload-icon{
				width: 7vw;
				height: 7vw;
			}
			.upload-list{
				width: 100%;
				height: 16.5vw;
				border: 1px solid #f1f1f1;
				margin-top: 2vw;
				box-shadow: 3px 3px 5px #f1f1f1;
				padding: 2vw;
			}
			.file-name{
				width:70%;
				text-overflow:ellipsis;
				overflow:hidden;
				white-space:nowrap;
			}
			.user-name{
				width: 30%;
				text-align: right;
			}
			.file-item-text{
				height: 6vw;
			}
			.item-content{
				width: 100%;
				display: flex;
			}
			.filebtn{
				width: 10vw;
			}
			.mWidth{
				width: 60vw;
			}
			.btnStyle{
				width: 13vw;
				background-color: #007AFF;
				text-align: center; 
				border-radius: 1vw; 
				color: #ffffff; 
				font-size: 14px; 
				padding-top: 1vw;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">手动补录</h1>
<!-- 			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span> -->
		</header>
		<div class="mui-content" id="content" v-cloak>
			
			
			<div class="mui-content" id="content">
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">基本信息</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">工作票编号</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="itemDetail.ticketId" :disabled="true"/>
						</div>
						<div class="flex-row mt-10">
							<div class="vw-label">故障名称</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="itemDetail.faultName" />
						</div>

					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录位置信息</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">机型</div>
							<input v-model="itemDetail.windTurbineType" style=" border: 1px solid #E0E7EE;"/> 
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录记录信息</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;" v-on:click="showP('0')">
							<div class="vw-label">故障类别</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="faultText" placeholder="请选择" :disabled="true" /> 
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录故障维修</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;" v-on:click="showP('2')">
							<div class="vw-label">维修等级</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="repairLevelText" placeholder="请选择" :disabled="true" /> 
						</div>
						
						<div class="flex-row" style="margin-top: 10px;" v-on:click="showP('3')">
							<div class="vw-label">维修动作</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="repairActionText" placeholder="请选择" :disabled="true" /> 
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录故障诊断</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">故障原因</div>
							<textarea v-model="pushData.faultTicket.faultReason" style=" border: 1px solid #E0E7EE;"> </textarea>
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录测试验证</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;" v-on:click="showP('4')">
							<div class="vw-label">测试方法</div>
							<input v-model="textMeThodText" placeholder="请选择" :disabled="true" style=" border: 1px solid #E0E7EE;"/> 
						</div>
						
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">故障分析报告</div>
							<input v-model="pushData.faultTicket.reportNo" style=" border: 1px solid #E0E7EE;"/> 
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录故障损失</div>
					</div>
					<div>
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">发电量损失</div>
							<input v-model="pushData.faultTicket.lossPower" style=" border: 1px solid #E0E7EE;"/> 
						</div>
						
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">维修成本</div>
							<input v-model="pushData.faultTicket.repairCost" style=" border: 1px solid #E0E7EE;"/> 
						</div>
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">合计</div>
							<input v-model="pushData.faultTicket.total" style=" border: 1px solid #E0E7EE;"/> 
						</div>
				
					</div>	
				</div>
				</div>
				
				<div class="main_box" v-if="listin.length > 0">
				<div>
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
<!-- 					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录元器件信息</div>
					</div> -->
					
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">补录元器件信息</div>

					</div>
					
					<div v-for="(item,position) in listin">
						<div class="flex-row" style="margin-top: 10px;">
							<div class="vw-label">元器件名称</div>
							<input style=" border: 1px solid #E0E7EE;" :disabled="true" v-model="item.materielName"/>
						</div>
						<div class="flex-row mt-10">
							<div class="vw-label">元器件规格</div>
							<input style=" border: 1px solid #E0E7EE;" v-model="item.materielStandard"/>
						</div>
						<div class="flex-row mt-10" >
							<div class="vw-label">元器件数量</div>
							<input style=" border: 1px solid #E0E7EE;" :disabled="true" v-model="item.materielNum"/>
						</div>
						<div class="flex-row mt-10" >
							<div class="vw-label">计量单位</div>
							<input style=" border: 1px solid #E0E7EE;" :disabled="true" v-model="item.materielUnit"/>
						</div>
						<div class="flex-row mt-10" >
							<div class="vw-label">元器件品牌</div>
							<input style=" border: 1px solid #E0E7EE;" :disabled="true" v-model="item.materielBrand"/>
						</div>
						<div class="flex-row mt-10" >
							<div class="vw-label">操作</div>
							<div class="btnStyle" v-on:click="showP">删除</div>
						</div>
						<hr size="1" class="hr-line"  />
					</div>	
				</div>
				</div>
				
				<div style="width: 100%;height: 60px;"></div>
				<div class="flex-between fixed-bottom">
					<button class="submit_btn" v-on:click="saveData">保存</button>
				</div>
				
			</div>
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<!--三件套STR-->
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/Config.js"></script>
		<!--三件套END-->

		<script src="../../static/js/upLoadHelper.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/insertParts.js"></script>
		
	</body>

</html>
